body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,input,li,p,select,table,td,textarea,th,ul{margin:0;padding:0}
img{border:0 none}
li,ul{list-style-type:none}
body,button,input,select,textarea{font-size:12px;color:#444}
body{line-height:24px;font-size:14px;background:#007dff21}
button{cursor:pointer}
a,a:link{text-decoration:none;color:#555}
a:active,a:hover{text-decoration:none;color:#f60}
.index_content{overflow:hidden;background:#fff;width:1260px;margin:0 auto;padding:10px}
.top{overflow:hidden;margin-top:10px}
.logo{overflow:hidden}
.logo h1{height:55px;text-indent:-9999px;float:left;width:45%;background:url(../images/logo.png) no-repeat left;padding:10px 8px 5px 0}
.logo .toptel{float:right;padding-left:10px;line-height:20px;vertical-align:middle;margin-top:8px}
.logo .toptel p b{display:block;color:#01458c;font-size:20px}
.logo .toptel p i{float:left}
.logo .toptel p{float:right;margin-left:7px;font-size:15px}
.menu{overflow:hidden;margin:10px 0 0 0;background:#01458c}
.menu ul li{float:left;font-size:14px;width:12.5%}
.menu ul li a{display:block;height:45px;text-align:center;color:#fff;line-height:45px}
.menu ul li a:hover{background:#f60}
.nunpage{overflow:hidden;margin-top:30px}
.nunpage li{float:left;text-decoration:none;width:auto!important;padding:2px 10px;margin:2px;border:1px solid #ddd}
.nunpage li:hover,.thisclass{color:#fff;background:#01458c}
.nunpage li:hover a{color:#fff}
#menuover{background:#f60}
.main{overflow:hidden;margin-top:40px}
.main .right{float:right;width:75%;padding:1%;border:1px solid #eee}
.main .left{float:left;width:19%;border:1px solid #eee;padding:1%}
.main .right ul{overflow:hidden;margin-left:-2%}
.main .right li{float:left;width:22.7%;margin-left:2%;margin-bottom:20px;border:1px solid #eee;padding-bottom:8px;text-align:center}
.main .right li img{width:100%;height: 180px;}
.main .right li h3{font-weight:100;font-size:15px;color:#333}
.main .left .box li:hover a,.main .right li:hover a h3{color:#f60;text-decoration:underline}
.main .left .box li strong{display:block;margin-bottom:10px;margin-top:15px;color:#f60;font-size:16px;font-weight:100}
.main .left h2{text-align:center;background:#01458c;color:#fff;line-height:45px}
.main .right h2{color:#222;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:5px;font-size:22px}
.main .left ul{overflow:hidden;margin-top:15px}
.main .left .box li{line-height:39px;border-bottom:1px solid #eee;padding-left:25px;margin-bottom:11px}
.main .left .left_title{background:#01458c;text-align:center;background:#01458c;color:#fff;line-height:45px;font-size:22px}
.main .left .left_list{overflow:hidden;margin-bottom:25px}
.main .left .box .content p{line-height:28px;color:#444;font-size:15px;margin-bottom:8px}
.pro_application{overflow:hidden;margin-top:40px}
.pro_application h2{text-align:center;color:#22;line-height:45px;margin-bottom:30px;font-size: 22px;}
.pro_application ul li{float:left;width:22.7%;margin-left:2%;margin-bottom:20px;border:1px solid #eee;padding-bottom:8px;text-align:center;font-size:15px}
.pro_application ul{overflow:hidden;margin-left:-2%}
.pro_application ul li img{width:100%;height:218px}
.application_more{overflow:hidden;text-align:center;padding:10px 0}
.application_more a{color:#01458c;padding:6px 35px;border:1px solid #01458c}
.pro_application ul li:hover a{color:#f60;text-decoration:underline}
.application_more:hover a{color:#f60;border:#f60 1px solid}
.about_commpany{overflow:hidden;margin-top:40px}
.about_commpany h2{color:#222;line-height:45px;margin-bottom:20px;font-size: 22px;}
.about_commpany dl dt{float:left;width:46%}
.about_commpany dl dt img{width:100%;height:auto}
.about_commpany dl dd{float:right;width:51%;border:1px solid #eee;padding:1%}
.about_commpany dl dd p{font-size:15px;color:#444;margin-bottom:8px;line-height:28px}
.about_commpany dl dd p span{color:#f60}
.new-main li:hover a{color:#f60;text-decoration:underline}
.new-main li span{float:right;color:#666;font-size:14px}
.new-main{overflow:hidden;margin-top:40px}
.new-main .newfl{float:left;border:1px solid #eee;padding:1%;width:47%}
.new-main .newfr{float:right;border:1px solid #eee;padding:1%;width:47%}
.new-main ul{overflow:hidden;margin-top:20px;margin-left: -4%;}
.new-main li{margin-bottom:10px;border-bottom:1px solid #eee;font-size:15px;line-height:30px;float: left;width: 46%;margin-left: 4%;}
.new-main li a{color:#444}
.new-main li.newcolor a{color: #e23211;}
.foot{overflow:hidden;border-top:3px solid #01458c;padding-top:5px;margin-top:40px}
.foot p{font-size:15px;color:#444;margin-bottom:8px;text-align:center}
.width{width:1260px;margin:0 auto}
.link{margin:20px 0}
.prolist{overflow:hidden;margin-top:40px}
.proleft{float:left;width:19%;border:1px solid #eee;padding:1%}
.proright{float:right;width:75%;padding:1%;border:1px solid #eee}
.prolist ul{overflow:hidden;margin-left:-2%}
.prolist ul li{float:left;width:22.7%;margin-left:2%;margin-bottom:20px;border:1px solid #eee;padding-bottom:8px;text-align:center}
.proright ul li img{width:100%}
.proright h3{font-size:22px;color:#01458c;margin-bottom:30px}
.proleft h3{background:#01458c;text-align:center;background:#01458c;color:#fff;line-height:45px;font-size:22px}
.proleft li{line-height:39px;border-bottom:1px solid #eee;padding-left:25px}
.proleft li:hover a{color:#f60;text-decoration:underline}
.prolist .proleft ul,.videolist .proleft ul{margin-left:0;margin-top:20px;overflow:hidden}
.prolist .proleft li,.videolist .proleft li{text-align:left;line-height:39px;width:100%;float:none;margin-left:0;border-bottom:1px solid #eee;margin-bottom:1px;padding-left:25px}
.newslist{overflow:hidden;margin-top:40px}
.newslist ul{margin-left:-1.5%;overflow:hidden;margin-top:20px}
.newslist .proright ul li{float:left;width:47%;margin-left:1.5%;line-height:30px;margin-bottom:15px;border-bottom:1px solid #eee}
.newslist .proright ul li:hover a{color: #FF6600;text-decoration: underline;}
.newslist .proright ul li span{float: right;color: #666;font-size: 14px;}
.caselist{overflow:hidden;margin-top:40px}
.caselist ul{margin-left:-1.5%;overflow:hidden;margin-top:20px}
.caselist .proright ul li{float:left;width:23%;margin-left:1.5%;line-height:30px;margin-bottom:15px;border:1px solid #eee;text-align:center}
.proleft .left_title{background:#01458c;text-align:center;background:#01458c;color:#fff;line-height:45px;font-size:22px}
.proleft p{line-height:28px;color:#444;font-size:15px;margin-top:8px}
.proleft .box div.left_title{margin-top:25px}
.aboutlist{overflow:hidden;margin-top:40px}
.about_cj{overflow:hidden}
.about_cj p{font-size:15px;color:#444;margin-bottom:8px;line-height:28px}
.aboutlist h3{color:#333;font-size:22px;margin-bottom:20px}
.about_able{overflow:hidden;margin-top:30px}
.about_able ul{overflow:hidden;margin-left:-2%}
.about_able li{float:left;width:22.5%;margin-left:2%;text-align:center;border:1px solid #eee;margin-bottom:15px;font-size:15px;color:#444;line-height:28px;padding-bottom:5px}
.about_able li img{width:100%;height:163px!important}
.about_honor{overflow:hidden;margin-top:30px}
.about_honor ul{overflow:hidden;margin-left:-1.5%}
.about_honor li{float:left;width:17.5%;margin-left:2%;text-align:center;border:1px solid #eee;margin-bottom:15px;font-size:15px;color:#444;line-height:28px;padding-bottom:5px}
.about_style{overflow:hidden;margin-top:30px}
.about_style ul{overflow:hidden;margin-left:-2%}
.about_style li{float:left;width:22.5%;margin-left:2%;text-align:center;margin-bottom:15px;font-size:15px;color:#444;line-height:28px}
.about_partner{overflow:hidden;margin-top:30px}
.about_partner p img{width:100%;height:auto}
.videolist h3{font-size:22px;color:#333;margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:5px}
.videolist ul{overflow:hidden;margin-left:-2%}
.videolist li{float:left;width:22.5%;margin-left:2%;text-align:center;border:1px solid #eee;margin-bottom:15px;font-size:15px;color:#444;line-height:28px;padding-bottom:5px}
.contactlist,.videolist{overflow:hidden;margin-top:40px}
.contactlist h3{font-size:22px;color:#333;margin-bottom:25px;border-bottom:2px solid #eee;padding-bottom:5px;text-align:center}
.contactlist dl{overflow:hidden}
.contactlist dt{float:left;width:48%}
.contactlist dd{float:right;width:48%}
.contactlist dd img{width:100%;height:auto}
.contactlist dt p{overflow:hidden;margin-bottom:8px;margin-left:20px;font-size:15px;color:#444;line-height:28px}
.contactlist dt p img{width:150px;height:auto}
.contactlist dt p span img{width:32px;height:auto;float:left;margin-right:15px}
.contactlist dt p.btn a{color:#fff}
.contactlist dt p.btn{width:180px;background:#01458c;text-align:center;line-height:45px}
#map{height:450px;overflow:hidden;margin-top:30px}
.arolist{overflow:hidden;margin-top:40px}
.arolist dl{overflow:hidden}
.arolist dl dt{float:right;width:50%}
.arolist dl dd{float:left;width:47%}
.arolist dl dd img{width:100%;height:auto}
.arolist dl dt h1{margin-bottom:20px;font-size:26px}
.arolist dl dt p{line-height:28px;font-size:15px;color:#444}
.aroaction{overflow:hidden;margin-top:15px}
.aroaction p{float:left;width:40%;margin-right:15px}
.aroaction p.arobtn{line-height:45px;background:#01458c;text-align:center}
.aroaction p.arobtn a{color:#fff}
.arocontent{overflow:hidden;margin-top:30px}
.arocontent h2{font-size:22px;color:#01458c;margin-top:15px;margin-bottom:10px}
.arocontent h3{font-size:20px;color:#01458c;margin-top:15px;margin-bottom:10px}
.arocontent h4{font-size:16px;color:#01458c;margin-top:15px;margin-bottom:10px}
.arocontent p{font-size:15px;color:#444;margin-bottom:8px;line-height:28px}
.aropro{overflow:hidden;margin-top:30px}
.aropro ul{overflow:hidden;margin-left:-2%}
.aropro li{float:left;width:22.5%;margin-left:2%;text-align:center;border:1px solid #eee;margin-bottom:15px;font-size:15px;color:#444;line-height:28px;padding-bottom:5px}
.aropro li img{width:100%;height:auto}
.aropro li a{color:#444}
.aropro li:hover a{text-decoration:underline;color:#01458c}
.aropro li:hover{border:1px solid #01458c}
.aronew{overflow:hidden;margin-top:30px}
.aronew h3,.aropro h3{font-size:20px;color:#01458c;margin-bottom:20px;border-bottom:1px solid #eee}
.aronew ul{overflow:hidden;margin-left:-2%}
.aronew ul li{float:left;width:47%;margin-left:2%;margin-bottom:15px;line-height:30px;font-size:15px;border-bottom:1px solid #eee}
.aronew-main{overflow:hidden;margin-top:30px}
.aronew-main h2{font-size:22px;color:#01458c;margin-top:15px;margin-bottom:10px}
.aronew-main h3{font-size:20px;color:#01458c;margin-top:15px;margin-bottom:10px}
.aronew-main h4{font-size:16px;color:#01458c;margin-top:15px;margin-bottom:10px}
.aronew-main p{font-size:15px;color:#444;margin-bottom:8px;line-height:28px}
.aronew-main h1{font-size:26px;color:#111;text-align:center;margin-bottom:15px}
.aronew-main .time{text-align:center;padding:5px 0;color:#555;font-size:15px}
.aronew-main .newsaro{background:#0f6ed226;padding:10px;overflow:hidden;margin-bottom:30px}
.aronew-main .newsaro p.newstel{float:left;width:40%;color:#444;font-size:15px;color:#444}
.aronew-main .newsaro p.newstel span{color:#01458c;font-size:22px}
.aronew-main .newsaro p.newsbtn{float:right;width:200px;text-align:center;font-size:15px;background:#01458c;line-height:45px}
.aronew-main .newsaro p.newsbtn a{color:#fff}
.video_show{overflow: hidden;margin-top: 30px;}
.video_show h2,.new-main h2{font-size:22px;color:#222;margin-top:15px;margin-bottom:10px;text-align: center;margin-bottom: 20px;}
.video_show dl{overflow: hidden;margin-left: -1.5%;}
.video_show dd{float: left;text-align: center;margin-left: 1.5%;width: 23%;border: 1px solid #eee;}
.video_show dd p{line-height: 28px;color: #444;font-size: 15px;margin-bottom: 5px;}
.video_show dd video{width: 100%;height: auto;}
@media (max-width:1260px){
.banner{width:100%;height:auto}
.index_content,.width{ width:100%;padding: 0;}
}	
@media screen and (min-width:1000px) and (max-width: 1260px){
.index_content,.width{ width:100%;padding: 0;}
}
@media screen and (min-width:767px) and (max-width: 999px){
.link .width{display: none;}
.main .right li{width: 31%;}
.logo h1{background-size: 100%;}
.main .right li img{height: 175px;}
}
@media (max-width:767px){
	.link .width{display: none;}
.main .left,.main .right,.about_commpany dl dt,.about_commpany dl dd,.proleft,.proright,.contactlist dt,.contactlist dd{width:97%;margin-bottom: 30px;float: left;}
.pro_application ul li img{height: 149px;}
.new-main li span,.logo .toptel{display: none;}
.menu ul li{width: 24.5%;}
.logo h1{width: 65%;background-size: 100%;}
.main .right li,.pro_application ul li,.prolist ul li,.about_style li{width: 31%;}
.new-main .newfl,.new-main .newfr{width:97%;float: left;margin-bottom: 30px;}
.newslist .proright ul li span{display: none;}
.arolist dl dd,.arolist dl dt{width: 99%;margin-bottom: 25px;float: left;}
.arocontent h4 span img,.arocontent p img,.aronew-main p img{width: 100%!important;height: auto!important;}
.aronew-main h1{line-height: 32px;}
.video_show dd{width: 48%;}
}	
@media (max-width:480px){
.main .right li, .pro_application ul li,.prolist ul li,.about_able li,.about_style li,.aropro li{width: 47%;}
.pro_application ul li img{height:auto;}
.main .right li img,.prolist ul li img{height: 175px;}
.logo h1{width: 95%;}
.newslist .proright ul li{width: 97%;}
.foot p,.about_cj p{font-size: 14px;}
.about_honor li{width: 22.5%;}
.aronew ul li{width: 99%;}
.aronew-main h1{font-size: 24px;}
.video_show dd{width: 48%;}
.video_show dd p,.about_commpany dl dd p,.new-main li a,.pro_application ul li a,.main .right li h3{font-size: 14px;}
.about_commpany dl dt video{width: 100%;height: auto;}
.new-main li{width: 95%;margin-bottom: 15px;}
.main .right h2,.main .left h2.left_title,.video_show h2,.pro_application h2,.about_commpany h2,.new-main h2{font-size: 20px;}
}		
@media (max-width:360px){
.main .right li img,.prolist ul li img,.proright ul li img{height: 125px!important;}
.about_honor li{width: 30.5%;}
.logo h1{width: 98%;}
}